<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <button id="btn">跳转页面</button>
  <script>
    // window.location对象 管理地址栏对象                              DNS
    // location.hostname   //设置或返回主机名。 举例子： www.baidu.com--172.31.2.243

    // http://127.0.0.1:5500/day07/07%20location.html

    document.write("域名：" + location.hostname + "<br/>") //127.0.0.1
    // 2.location.pathname // 当前页面的路径和文件名
    document.write("路径部分：" + location.pathname + "<br/>") ///day07/07%20location.html
    // 3.location.port  //  返回 web 主机的端口 （80 或 443）   port：设置或返回端口号。
    //http 默认 80     https 默认 443
    document.write("端口部分：" + location.port + "<br/>")//5500
    if (location.port == "5500") {
      alert("端口号5500")
    }
    // 4.location.protocol //   返回所使用的 web 协议（http:// 或 https://）
    document.write("协议部分：" + location.protocol + "<br/>") //http或https webscoket 
    //5.location.href 返回当前页面的 URL  **
    document.write("前页面的 URL：" + location.href + "<br/>")
    // location.href = "http://www.baidu.com" //跳转页面
    //  6. location.host   // 主机名和端口号          127.0.0.1:8848
    document.write("主机名和端口号  " + location.host + "<br/>")
    //


    var btn = document.getElementById("btn");
    btn.onclick = function () {
      // 页面跳转 
      //页面之间传参   search值传参  ?id=888&age=28&name=zhang
      // location.href = "./08hashAndsearch.html?id=876&age=28&name=zhang"
      //  location.hash #后的值

    }
  </script>
</body>

</html>